<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>WebAdmin</title>
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link rel="stylesheet"
          href="${pageContext.servletContext.contextPath}/static/adminlte/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet"
          href="${pageContext.servletContext.contextPath}/static/adminlte/plugins/datatables/dataTables.bootstrap.css">
    <link rel="stylesheet" href="${pageContext.servletContext.contextPath}/static/adminlte/dist/css/AdminLTE.min.css">
    <link rel="stylesheet"
          href="${pageContext.servletContext.contextPath}/static/adminlte/dist/css/skins/_all-skins.min.css">

    <script src="${pageContext.servletContext.contextPath}/static/adminlte/plugins/jQuery/jQuery-2.1.4.min.js"></script>
    <script src="${pageContext.servletContext.contextPath}/static/adminlte/bootstrap/js/bootstrap.min.js"></script>
    <script src="${pageContext.servletContext.contextPath}/static/adminlte/plugins/datatables/jquery.dataTables.min.js"></script>
    <script src="${pageContext.servletContext.contextPath}/static/adminlte/plugins/datatables/dataTables.bootstrap.min.js"></script>
    <script src="${pageContext.servletContext.contextPath}/static/adminlte/plugins/slimScroll/jquery.slimscroll.min.js"></script>
    <script src="${pageContext.servletContext.contextPath}/static/adminlte/plugins/fastclick/fastclick.min.js"></script>
    <script src="${pageContext.servletContext.contextPath}/static/adminlte/dist/js/app.min.js"></script>

    <script src="${pageContext.servletContext.contextPath}/static/underscore-min.js"></script>
    <link rel="stylesheet" href="${pageContext.servletContext.contextPath}/static/zTree/css/zTreeStyle/metro.css"/>
    <script src="${pageContext.servletContext.contextPath}/static/zTree/js/jquery.ztree.all-3.5.min.js"></script>
    <script src="${pageContext.servletContext.contextPath}/static/bootstrap-typeahead.js"></script>
</head>
<style>
    th {
        vertical-align: middle;
        text-align: center;
    }

    td {
        vertical-align: middle;
        text-align: center;
    }
</style>
<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper">
    <header class="main-header">
        <a href="${pageContext.servletContext.contextPath}/static/adminlte/index2.html" class="logo">
            <span class="logo-lg">WebAdmin</span>
        </a>
        <nav class="navbar navbar-static-top" role="navigation">
            <div class="navbar-custom-menu">
                <ul class="nav navbar-nav">
                    <li class="dropdown user user-menu">
                        <a href="__APP__/home/login">
                            <span class="hidden-xs">注销</span>
                        </a>

                    </li>
                </ul>
            </div>
        </nav>
    </header>
    <aside class="main-sidebar">
        <section class="sidebar">
            <ul class="sidebar-menu">
                <c:forEach var="vo" items="${sessionScope._menus}">
                    <c:if test="${empty vo.parentid}">
                        <c:if test="${sessionScope._sid eq vo.id}">
                            <li class="treeview active">
                        </c:if>
                        <c:if test="${sessionScope._sid != vo.id}">
                            <li class="treeview">
                        </c:if>

                        <a href="#">
                            <i class="fa fa-dashboard "></i>${vo.name}<span></span> <i
                                class="fa fa-angle-left pull-right"></i>
                        </a>
                        <ul class="treeview-menu menu-open">
                            <c:forEach var="so" items="${sessionScope._menus}">
                                <c:set var="soid" value="${so.parentid}"></c:set>
                                <c:set var="void" value="${vo.id}"></c:set>
                                <c:if test="${void eq soid}">
                                    <c:if test="${_subid eq so.id}">
                                        <li class="active">
                                    </c:if>
                                    <c:if test="${_subid != so.id}">
                                        <li>
                                    </c:if>

                                    <a
                                            onclick="loadAndSetMenuSession('${so.parentid}',
                                                    '${so.id}','${so.urls}')"
                                            href="javascript:void(0)"><i
                                            class="fa fa-circle-o"></i>
                                            ${so.name}</a></li>
                                </c:if>
                            </c:forEach>
                        </ul>
                        </li>
                    </c:if>
                </c:forEach>

            </ul>
        </section>
        <!-- /.sidebar -->
    </aside>

    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">

